<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>互联网金融贷款平台</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link href="../css/common.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../css/user.css"/>
    <link rel="stylesheet" type="text/css" href="../css/jquery.datetimepicker.css"/>
    <script type="text/javascript" src="../script/jquery.min.js"></script>
    <script type="text/javascript" src="../script/common.js"></script>
    <script src="../script/user.js" type="text/javascript"></script>
    <script src="../angularjs/vue.js"></script>
    <script src="../angularjs/axios.min.js"></script>
    <!-- 引入样式eleme -->
    <link rel="stylesheet" href="../angularjs/index.css">
    <!-- 引入组件库 -->
    <script src="../angularjs/index.js"></script>
    <!-- bootstarp -->
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <script src="../bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div id="app">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">金证信贷系统</a>
        </div>

        <ul class="nav navbar-nav navbar-right">
            <li><a href="个人中心首页.html"><span></span>首页</a></li>

            <li><a href="#"><span class="glyphicon glyphicon-user"></span>角色: {{nickname}}</a></li>
            <li><a href="javascript:void(0)" @click="logout()"><span class="glyphicon glyphicon-log-in"></span>注销</a>
            </li>
        </ul>

    </div>
    <!--个人中心-->
    <div class="wrapper wbgcolor">
        <div class="w1200 personal">
            <div id="personal-left" class="personal-left">
                <ul>

                    <li class=""><span><a href="个人中心首页.html"><i class="dot dot1"></i>账户总览</a></span></li>
                    <li class="pleft-cur"><span><a href="个人中心-查看个人信息.html"><i class="dot dot02"></i>查看个人信息</a> </span>
                    </li>
                    <li><span><a href="个人中心-充值1.html"><i class="dot dot03"></i>充值</a></span></li>
                    <li class=""><span><a href="个人中心-提现1.html"><i class="dot dot04"></i>提现</a></span></li>
                    <li style="position:relative;" class=""><span> <a href="个人中心-我的红包.html"> <i class="dot dot06"></i> 我的红包 </a> </span>
                    </li>
                    <li style="position:relative;"><span> <a href="个人中心-系统消息.html"><i
                            class="dot dot08"></i>系统信息 </a> </span></li>
                    <li><span><a href="个人中心-账户设置.html"><i class="dot dot09"></i>账户设置</a></span></li>
                </ul>
            </div>
            <input id="investorValiCodeError" type="hidden" name="investorValiCodeError">
            <div class="personal-main">
                <div class="personal-pay">
                    <h3>
                        <div style="float: left"><i>查看个人信息</i></div>
                        <div style="float: right;margin-right: 50px"><el-button type="success">修改个人信息</el-button></div>
                    </h3>
                    <div class="pay-form">
                        <h6>身份证信息</h6>
                        <ul>
                            <li>
                                <label>真实姓名</label>
                                <!--<input type="text" class="pay-txt" maxlength="16" placeholder="您的真实姓名">-->
                                <label>{{BorrowerInfo.name}}</label>

                                <label>身份证号</label>
                                <!--<input type="text" class="pay-txt" maxlength="18" placeholder="您的身份证号">-->
                                <label> {{BorrowerInfo.idCard}}</label>
                            </li>

                        </ul>
                        <h6>绑定手机号</h6>
                        <ul>
                            <li>
                                <label>手机号</label>
                                <label> {{BorrowerInfo.mobile}}</label>
                            </li>
                        </ul>
                        <h6>居住地址</h6>
                        <ul>
                            <li>
                                <label>地址</label>
                                <label>{{BorrowerInfo.address}}</label>
                            </li>
                        </ul>
                        <h6>绑定银行</h6>
                        <ul>
                            <li>
                                <label>银行卡号</label>
                                <label>{{BorrowerInfo.bankNo}}</label>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--网站底部-->

</div>
<script src="../script/jquery.datetimepicker.js" type="text/javascript"></script>
<script src="../script/datepicker.js" type="text/javascript"></script>
</body>
</html>
<script>
    var vue = new Vue({
        el: "#app",
        data: {
            BorrowerInfo: {},
            nickname:null,
        },
        methods: {
            init: function () {
                //初始化方法
                vue.nickname=localStorage.getItem("nickname");
                axios.post("http://127.0.0.1:10088/user/getBorrowerInfoByUid?token=" + localStorage.getItem("token")).then(function (response) {
                    vue.BorrowerInfo = response.data.data;
                })
            }
        ,
        logout: function () {
            //注销
            localStorage.removeItem("token");
            location.href="login.html"
        }
        }

    })
    vue.init();
</script>